<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function op(element){
            //获取文本框标签对象
            var textElement=document.getElementById('num');
            if(element.value=='<'){
                //减操作
                //获取文件框里的值(字符串类型转换成数值类型)
                var textContext=textElement.value;
                //修改文本框里的值，然后把修改后的值重新写入文本框
                textElement.value=(textContext-1)>=1?(textContext-1):1;
            }
            if(element.value=='>'){
                //增操作
                //获取文件框里的值(字符串类型转换成数值类型)
                var textContext=textElement.value-0;
                //修改文本框里的值，然后把修改后的值重新写入文本框
                textElement.value=textContext+1;
            }
            //获取单价标签对象里的内容
            var danjia=document.getElementById('danjia').value;
            var shuliang=textElement.value;
            document.getElementById('money').value=(parseInt(danjia)*shuliang)+'￥';
        }
    </script>
</head>
<body>
<form action=onclick2.jsp method=post name=f>
    单价：<input type=text id=danjia value=100￥ size=4 style="border:0px" readonly>元<p>
    请选择商品数量：<input type=button name=enter value='<' onclick="op(this)">
    <input type=text id=num value=1 readonly size=5 style="text-align:center">
    <input type=button name=enter value='>' onclick="op(this)">
    <p>
    小计：<input type=text id=money style="border:0px" readonly>
</form>
</body>
</html>
<script type="text/javascript">
    var moneyElement=document.getElementById('money');
    moneyElement.value=100+'￥';
</script>